<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet"  href="css/home.css"/>
		<link  href="images/favicon.png" rel="icon"/>
		<link rel="stylesheet"  href="css/animate.min.css"/>
		<script type="text/javascript"> 
			function showImg(){ 
			document.getElementById("wxImg").style.display='block'; 
			}
			function hideImg(){ 
			document.getElementById("wxImg").style.display='none'; 
			} 
		</script>
		<style>
			 #service_active{
				border-bottom: 2px solid white;
				margin-bottom: 20px;
			}
		</style>
	</head>
	<body>
		<div class="service_wc">
			<div class="service_banner_img">
				<div class="banner">
					<div class="banner_txt_middle">
						<div class="nav">
						<div class="logo fl">
							<a href="index.html">
								<img src="images/diansheLOGO.png" />
							</a>
						</div>
						<div class="tell fr">
							<a href="#">
								<img src="images/phone.png" />
							</a>
						</div>
						<ul class="fr">
							<li>
								<a href="project.html">案例</a>
							</li>
							<li id="service_active">
								<a href="service.html">服务</a>
							</li>
							<li>
								<a href="about.html">关于</a>
							</li>
							<li>
								<a href="news.html">研究</a>
							</li>
						</ul>
					</div>
					</div>
				</div>
			</div>
			<!--旺财内容开始-->
			<!--旺财内容section1开始-->
			<div class="section-1">
				<div class="section-text">
					<p>用户调研和产品思考</p>
					<p>和初创企业合作，给大家都带来了一个很好的创新机会.带着重新定义考勤机的目标，满怀激情，和客户一起对用户调研，洞察理解分析数据并使之变得有意义有价值。旺财考勤机兼办公.同时具有沟通，社交等娱乐功能.经过多维度的思考方式，挖掘潜在的视觉风格。</p>
				</div>
				<div class="section1-img">
					<img src="images/wc_img_ctn01_03.jpg" />
					<div class="img-txt1">
						<p>生活场景</p>
						<p>Life  scene</p>
					</div>
					<div class="img-txt2">
						<p> 商务CBD</p>
						<p>Business CBD</p>
					</div>
					<div class="img-txt3">
						<p> 激情活力</p>
						<p>Passion energy</p>
					</div>
				</div>
			</div>
			<!--旺财内容section2开始-->
			<div class="section-2">
				<div class="section-2-txt">
					<div class="txt">
						<p>结合场景化的交互设计</p>
						<p>整个交互的设计过程中，主要以生活化的场景来结合平时繁忙的工作，使得工作打卡更具趣味性。产品同时具有沟通，社交等娱乐功能.经过多维度的思考方式，挖掘潜在的视觉风格.最终和客户一起确定了采用场景化，背景根据季节和时间变化的设计方式.使整个设计兼具情感，让用户有趣的沉浸办公。</p>
					</div>
					<div class="img">
						<img src="images/wc-01.png" />
					</div>
				</div>
			</div>
			<!--旺财内容section3开始-->
			<div class="section-3">
				<h3>设计原则的风尚</h3>
				<ul class="clearfix">
					<li>
						<img src="images/wc-02.png" />
						<p>穿梭时空</p>
						<p>back through time</p>
						<p>考勤记录用轴线串联起来，而这一条线可以带你穿梭时空回到从前。让用户更为清晰的了解历史，减少用户的记录负担。</p>
					</li>
					<li>
						<img src="images/wc-03.png" />
						<p>梦幻空间</p>
						<p>The Space Of Illusion</p>
						<p>清晨，小清新的天气开启你愉悦的一天。晚上，暮色四起。陶醉着你进入美美的梦乡。场景化随心而变的设计，让用户身临其境。</p>
					</li>
					<li>
						<img src="images/wc-04.png" />
						<p>优雅灵动</p>
						<p>Elegant</p>
						<p>蓝天，白云，草地......让你自由随心。精美的画面，自然的过场动画灵动的体验让用户愉悦的办公。</p>
					</li>
					<li>
						<img src="images/wc-05.png" />
						<p>避繁就简</p>
						<p>Concise</p>
						<p>层级清晰明确最重的信息呈现给用户减少用户的选择和记忆负担，一个时间点只让用户高效的完成一件事情。</p>
					    <p><br</p>
					</li>
					<li>
						<img src="images/wc-06.png" />
						<p>自然一致</p>
						<p>Natural&Unified</p>
						<p>将应用融入到手机的操作系统中，整合各个功能模块，融入一些新特性。从外到内保持体验自然·一致。</p>
					    <p><br</p>
					</li>
				</ul>
			</div>
			
			<!--旺财内容section4开始-->
			<div class="section-4">
				<div class="section-4-txt">
					<div class="txt">
						<p>生活场景化</p>
						<p>生活场景化的设计构想，以插画形式表现上班路上的情形，每个阶段遇到什么样的问题处于什么状态，都以一种生活常态去体现，在用户使用过程中，洋溢着一种青春激情的情感，焕发着每天都是新的一天，每天都有不一样的故事。</p>
					</div>
					<div class="img">
						<img src="images/wc-07.jpg" />
					</div>
				</div>
			</div>
			<!--旺财内容section5开始-->
			<div class="section-5">
				<div class="img">
					<img src="images/wc-08.png" />
					<h1>全球首款互联网智能考勤机</h1>
				</div>
				<p>与旺财打卡机团队合作期间，为了能精准的抓取需求和探索，得出交互框架视觉风格的方向。在与旺财打卡机团队成员进行多
次深入的沟通和会议中得出了需要发展的方向和当下年轻人在喜好。在之后的团队内部的研讨和尝试得出方案，及时跟旺财打
卡机团队探讨和反馈，一同推进项目的快速进展。</p>
				
			</div>
			<!--底部开始-->
			<div class="main_foot">
				<div class="foot clearfix">
					<div class="foot_logo fl">
						<a href="index.html"><img src="images/diansheLOGO.png" /></a>
						<p>设计和技术创造极致用户体验</p>
					</div>
					<div class="con fl">
						<ul class="list1">
							<h3>我们</h3>
							<li>
								<a href="#"	>服务项目</a>					
							</li>
							<li>
								<a href="#"	>关于我们</a>					
							</li>
							<li>
								<a href="#"	>新闻动态</a>					
							</li>
							<li>
								<a href="#"	>加入我们</a>					
							</li>
							<li>
								<a href="#"	>联系我们</a>					
							</li>
						</ul>
						<ul class="list1">
							<h3>案例</h3>
							<li>
								<a href="project.html"	>全部</a>					
							</li>
							<li>
								<a href="#"	>网站</a>					
							</li>
							<li>
								<a href="#"	>移动app</a>					
							</li>
							<li>
								<a href="#"	>桌面软件</a>					
							</li>
							<li>
								<a href="#"	>品牌及平面</a>					
							</li>
						</ul>
						<ul class="list1">
							<h3>方案</h3>
							<li>
								<a href="#"	>移动互联网</a>					
							</li>
							<li>
								<a href="#"	>在线金融</a>					
							</li>
							<li>
								<a href="#"	>传统企业转型</a>					
							</li>
							<li>
								<a href="#"	>医疗健康</a>					
							</li>
							<li>
								<a href="#"	>创业服务</a>					
							</li>
						</ul>
						<ul class="list1">
							<h3>发现</h3>
							<li>
								<a href="#"	>合作伙伴</a>					
							</li>
							<li>
								<a href="#"	>研究</a>					
							</li>
							<li>
								<a href="#"	>set point实验室</a>					
							</li>
							<li>
								<a href="#"	>留言板</a>					
							</li>
							<li>
								<a href="#"	>友情链接</a>					
							</li>
						</ul>
					</div>
					<ul class="list2 fl">
						<h3>商务合作</h3>
						<li>
							<a href="#"	>邮箱：hello@set point.cn</a>					
						</li>
						<li>
							<a href="#"	>手机：18813146300</a>					
						</li>
						<li>
							<a href="#"	>座机：（+86）010-57281080</a>					
						</li>
						<li>
							<a href="http://wpa.qq.com/msgrd?v=3&uin=643879871&site=qq&menu=yes"	>Q&nbsp;Q：94967751<img src="images/icon_10.jpg" />点击交谈</a>					
						</li>
						<li>
							<a href="#"	>地址：安徽合肥马鞍山路与南一环交叉口</a>					
						</li>
					</ul>
				</div>
				<li class="foot_bottom">
					<ul class="code">
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_05.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_06.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_07.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_08.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_09.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					</ul>
					<p>Copyright © 2014-2017 nicedesign 京ICP备15000202号-5</p>
				</div>
				
				
				<!--网页返回顶部-->
			<div class="back_top">
				<a href="#">
					<img src="images/top2.png" />
				</a>
			</div>
			<div class="messeage">
				<a href="http://wpa.qq.com/msgrd?v=3&uin=643879871&site=qq&menu=yes">
					<img src="images/Online.gif" />
				</a>
			</div>
		</div>
	</body>
</html>
